<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</head>
<body>
    <table class="table">
        <th>あいうえお</th>
        <tr>
            <td id="wa">
                <label class="emoji">🐊</label>
                <label class="moji" style="display: none;">わに（鰐）</label>
            </td>
            <td id="ra">
                <label class="emoji">🦁</label>
                <label class="moji" style="display: none;">ライオン（lion）</label>
            </td>
            <td id="ya">
                <label class="emoji">🏔</label>
                <label class="moji" style="display: none;">やま（山）</label>
            </td>
            <td id="ma">
                <label class="emoji">豆</label>
                <label class="moji" style="display: none;">まめ</label>
            </td>
            <td id="ha">
                <label class="emoji">歯</label>
                <label class="moji" style="display: none;">は</label>
            </td>
            <td id="na">
                <label class="emoji">🍆</label>
                <label class="moji" style="display: none;">なす（茄子）</label>
            </td>
            <td id="ta">
                <label class="emoji">🥁</label>
                <label class="moji" style="display: none;">たいこ（太鼓）</label>
            </td>
            <td id="sa">
                <label class="emoji">🐟</label>
                <label class="moji" style="display: none;">さかな（魚）</label>
            </td>
            <td id="ka">
                <label class="emoji">🐢</label>
                <label class="moji" style="display: none;">かめ（亀）</label>
            </td>
            <td id="a">
                <label class="emoji">🦆</label>
                <label class="moji" style="display: none;">あひる（家鴨）</label>
            </td>
        </tr>
        <tr>
            <td id=""></td>
            <td id="">
                <label class="emoji">🍏</label>
                <label class="moji" style="display: none;">りんご</label>
            </td>
            <td id=""></td>
            <td id="">
                <label class="emoji">🍊</label>
                <label class="moji" style="display: none;">みかん（蜜柑）</label>
            </td>
            <td id="">
                <label class="emoji">🛫</label>
                <label class="moji" style="display: none;">ひこうき（飛行機）</label>
            </td>
            <td id="">
                <label class="emoji">🥕</label>
                <label class="moji" style="display: none;">にんじん（人参）</label>
            </td>
            <td id="">
                <label class="emoji">🦋</label>
                <label class="moji" style="display: none;">ちょうちょ（蝶々）</label>
            </td>
            <td id="">
                <label class="emoji">🚥</label>
                <label class="moji" style="display: none;">しんごうき（信号機）</label>
            </td>
            <td id="">
                <label class="emoji">🍄</label>
                <label class="moji" style="display: none;">きのこ（茸）</label>
            </td>
            <td id="">
                <label class="emoji">🍓</label>
                <label class="moji" style="display: none;">いちご（苺）</label>
            </td>
        </tr>
        <tr>
            <td id="">👐を繋ぐ</td>
            <td id="">
                <label class="emoji">ルビー</label>
                <label class="moji" style="display: none;">ruby</label>
            </td>
            <td id="">
                <label class="emoji">⛄</label>
                <label class="moji" style="display: none;">ゆきだるま（雪だるま）</label>
            </td>
            <td id="">
                <label class="emoji">🔍</label>
                <label class="moji" style="display: none;">むしめがね</label>
            </td>
            <td id="">
                <label class="emoji">🦉</label>
                <label class="moji" style="display: none;">ふくろう（梟）</label>
            </td>
            <td id="">ぬいぐるみ</td>
            <td id="">
                <label class="emoji">🌙</label>
                <label class="moji" style="display: none;">つき（月）</label>
            </td>
            <td id="">
                <label class="emoji">🍉</label>
                <label class="moji" style="display: none;">すいか（西瓜）</label>
            </td>
            <td id="">
                <label class="emoji">🐻</label>
                <label class="moji" style="display: none;">くま（熊）</label>
            </td>
            <td id="">
                <label class="emoji">🐇</label>
                <label class="moji" style="display: none;">うさぎ（兎）</label>
            </td>
        </tr>
        <tr>
            <td id=""></td>
            <td id="">
                <label class="emoji">🍋</label>
                <label class="moji" style="display: none;">レモン（檸檬）</label>
            </td>
            <td id=""></td>
            <td id="">
                <label class="emoji">👓</label>
                <label class="moji" style="display: none;">めがね（眼鏡）</label>
            </td>
            <td id="">
                <label class="emoji">🐍</label>
                <label class="moji" style="display: none;">へび（蛇）</label>
            </td>
            <td id="">
                <label class="emoji">🐈</label>
                <label class="moji" style="display: none;">ねこ（猫）</label>
            </td>
            <td id="">
                    <label class="emoji">💌</label>
                    <label class="moji" style="display: none;">てがみ（手紙）</label>
            </td>
            <td id="">
                    <label class="emoji">蝉</label>
                    <label class="moji" style="display: none;">せみ</label>
            </td>
            <td id="">
                    <label class="emoji">🎂</label>
                    <label class="moji" style="display: none;">ケーキ</label>
            </td>
            <td id="">
                    <label class="emoji">✍</label>
                    <label class="moji" style="display: none;">えんぴつ（鉛筆）</label>
            </td>
        </tr>
        <tr>
            <td id="">
                    <label class="emoji">🐧</label>
                    <label class="moji" style="display: none;">ぺんぎん</label>
            </td>
            <td id="">
                    <label class="emoji">🚀</label>
                    <label class="moji" style="display: none;">ロケット</label>
            </td>
            <td id="">
                    <label class="emoji">⛵</label>
                    <label class="moji" style="display: none;">よっと</label>
            </td>
            <td id="">
                    <label class="emoji">🍑</label>
                    <label class="moji" style="display: none;">もも（桃）</label>
            </td>
            <td id="">
                    <label class="emoji">☆彡</label>
                    <label class="moji" style="display: none;">ほし（星）</label>
            </td>
            <td id="">
                    <label class="emoji">📒</label>
                    <label class="moji" style="display: none;">ノート</label>
            </td>
            <td id="">
                    <label class="emoji">⏲</label>
                    <label class="moji" style="display: none;">とけい（時計）</label>
            </td>
            <td id="">                    
                <label class="emoji">空</label>
                <label class="moji" style="display: none;">そら</label>
            </td>
            <td id="">                
                <label class="emoji">🐨</label>
                <label class="moji" style="display: none;">コアラ</label>
            </td>
            <td id="">                
                <label class="emoji">🍙</label>
                <label class="moji" style="display: none;">おにぎり</label>
            </td>
        </tr>
    </table>
</body>
</html>
<style>
    td {
        user-select: none;
        width: 100px;
    }

    th {
        user-select: none;
    }
</style>
<script>
    $("td").click(function() {
        $(this).children('.emoji').toggle();
        $(this).children('.moji').toggle();
    });
    $('th').click(function(){
        $('.emoji').toggle();
        $('.moji').toggle();
    });
</script>